// 设置axios的基地址
axios.defaults.baseURL = 'https://autumnfish.cn';
// axios.defaults.baseURL = 'http://localhost:3000';
// 实例化vue
var app = new Vue({
  el: "#player",
  data: {
    // 搜索关键字
    query: '',
    // 歌曲列表
    musicList: [],
    // 歌曲url
    musicUrl: '',
    // 是否正在播放
    isPlay: false,
    // 歌曲热门评论
    hotComments: [],
    // 歌曲封面地址
    coverUrl: '',
    // 显示视频播放
    showVideo: false,
    // mv地址
    mvUrl: ''
  },
  // 方法
  methods: {
    // 搜索歌曲
    searchMusic() {
      if (this.query == 0) {
        return
      }
      axios.get('/search?keywords=' + this.query).then(response => {
        // 保存内容
        this.musicList = response.data.result.songs;

      })

      // 清空搜索
      this.query = ''
    },
    // 播放歌曲
    playMusic(musicId) {
      // 获取歌曲url
      
      this.musicUrl = 'https://music.163.com/song/media/outer/url?id='+musicId+'.mp3'
      // 获取歌曲热门评论
      axios.get('/comment/hot?type=0&id=' + musicId).then(response => {
        // console.log(response)
        // 保存热门评论
        this.hotComments = response.data.hotComments
      })
      

    },
    // audio的play事件
    play() {
      this.isPlay = true
      // 清空mv的信息
      this.mvUrl = ''
    },
    // audio的pause事件
    pause() {
      this.isPlay = false
    },
    // 播放mv
    playMv(vid) {
      if (vid) {
        this.showVideo = true;
        // 获取mv信息
        axios.get('/mv/url?id=' + vid).then(response => {
          // console.log(response)
          // 暂停歌曲播放
          this.$refs.audio.pause()
          // 获取mv地址
          this.mvUrl = response.data.data.url
        })
      }
    },
    // 关闭mv界面
    closeMv() {
      this.showVideo = false
      this.$refs.video.pause()
    },
    // 搜索历史记录中的歌曲
    historySearch(history) {
      this.query = history
      this.searchMusic()
      this.showHistory = false;
    }
  },

})
